<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>学生管理后台</title>
    <link rel="stylesheet" href="../../css/fontStyle.css">
    <link rel="stylesheet" href="../../css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/modelBox.css">
    <link rel="stylesheet" href="../../css/team/teamList.css">
    <link rel="stylesheet" href="../../css/backPage.css">
</head>
<body>
<!-- 查询 -->
<div class="select" id="select">
    <div>
        <input type="text" id="selectKey">
    </div>
    <div>
        <label>成立时间:</label>
        <input type="date" id="startTime">
        <label >至</label>
        <input type="date" id="endTime">
    </div>
    <div>
        <label>状态:</label>
        <select name="selectState" id="selectState">

        </select>
    </div>
    <div class="btn_add"><a href="#add-modal-box" style="text-decoration:none;"><i class="iconfont icon-add">&#xe617;</i></a></div>
    <div class="btn_search" onclick="select()"><i class="iconfont icon-search">&#xe68f;</i></div>
    <div class="btn_reset" onclick="clearAll()"><i class="iconfont icon-reset">&#xe946;</i></div>
    <div class="btn_batch"><a href="#batchDeletion-modal-box" style="text-decoration:none;"><i class="iconfont icon-batch">&#xe609;</i></a></div>
</div>

<table class="table  table-striped">
    <caption>小组列表</caption>
    <thead>
    <tr>
        <th><input type="checkbox" id="checkAll">全选</th>
        <th>编号</th>
        <th>组名</th>
        <th>组长编号</th>
        <th>组长</th>
        <th>人数</th>
        <th>状态</th>
        <th>成立时间</th>
        <th>更新时间</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody id="tbody"></tbody>
</table>

<!-- 分页 -->
<div id="backPage"></div>

<!-- 添加模态框start -->
<div id="add-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <lable>添加小组</lable>
        </div>
        <div>
            <div>编号:</div>
            <div><input type="text" id="addTeamCode" name="addTeamCode"></div>
            <div><label id="teamCodeTip"></label></div>
        </div>
        <div>
            <div>组名:</div>
            <div><input type="text" id="addTeamName" name="addTeamName"></div>
            <div><label id="teamNameTip"></label></div>
        </div>
        <div class="edit-button">
            <div><input type="button" value="添加" onclick="addTeam()"></div>
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- end -->

<!-- 分配组员模态框start -->
<div id="distribute-modal-box" class="modalBox">
    <div class="modalBox-dialog distribute">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <lable>组员分配</lable>
        </div>
        <div>
            <input id="checkTeamCode" type="hidden">
            <div class="userItem">
                <span>未分组成员：</span>
                <div id="NoTeamMember">

                </div>
            </div>
            <div id="memberFunction">
                <div>
                    <div id="addTeamMember" onclick="addTeamMember('checkNoTeam')">add&gt;&gt;</div>
                    <div id="removeTeamMember" onclick="removeTeamMember('checkTeam')">&lt;&lt;remove</div>
                </div>
            </div>
            <div class="userItem">
                <span>小组成员：</span>
                <input id="teamLeaderId" hidden="hidden">
                <div id="TeamMember">

                </div>
            </div>
        </div>
        <div class="edit-button">
            <div><a href="#close" title="关闭" onclick="findAll()" class="modalBox-close-btn">
                    <input type="button" value="关闭">
                </a></div>
        </div>
    </div>
</div>
<!-- end -->

<!-- 修改模态框start -->
<div id="edit-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <div>
            <lable>修改小组</lable>
        </div>
        <div>
            <div>编号:</div>
            <div><input type="text" id="updateTeamCode" name="updateTeamCode" style="border: none" readonly="readonly"></div>
        </div>
        <div>
            <div>组名:</div>
            <div><input type="text" id="updateTeamName" name="updateTeamName"></div>
        </div>
        <div>
            <div>组长:</div>
            <div >
                <select name="updateTeamLeader" id="updateTeamLeader">

                </select>
            </div>
        </div>
        <div class="edit-button">
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="修改" onclick="doEdit()">
                </a>
            </div>
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- end -->

<!-- 删除模态框start -->
<div id="del-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>
        <input id="delTeamCode" name="delTeamCode" hidden="hidden">
        <div>
            <label id="tips"></label>
        </div>
        <div class="del-button">
            <div><input type="button" value="确认" id="delBtn" onclick="doDel()"></div>
            <div>
                <a href="#close" title="关闭" id="closeBtn" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- end -->

<!-- 批量删除模态框start -->
<div id="batchDeletion-modal-box" class="modalBox">
    <div class="modalBox-dialog">
        <div><a href="#close" title="关闭" class="modalBox-close-btn">×</a></div>

        <div>
            <label>你确定要删除这些数据吗?</label>
        </div>
        <div class="del-button">
            <div><input type="button" value="确认" onclick="batchDeletion()"></div>
            <div>
                <a href="#close" title="关闭" class="modalBox-close-btn">
                    <input type="button" value="取消">
                </a>
            </div>
        </div>
    </div>
</div>
<!-- end -->

<script src="../../js/jquery.min.js"></script>
<script src="../../js/bootstrap.min.js"></script>
<script src="../../js/common.js"></script>
<script src="../../js/team/teamList.js"></script>
<script src="../../js/checkBox.js"></script>
</body>
</html>